﻿/* DEFAULTS
----------------------------------------------------------*/

body   
{
    background: #b6b7bc;
    font-size: .80em;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    margin: 0px;
    padding: 0px;
    color: #696969;
}

a:link, a:visited
{
    color: #034af3;
}

a:hover
{
    color: #1d60ff;
    text-decoration: none;
}

a:active
{
    color: #034af3;
}

p
{
    margin-bottom: 10px;
    line-height: 1.6em;
}


/* HEADINGS   
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color: #666666;
    font-variant: small-caps;
    text-transform: none;
    font-weight: 200;
    margin-bottom: 0px;
}

h1
{
    font-size: 1.6em;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

h2
{
    font-size: 1.5em;
    font-weight: 600;
}

h3
{
    font-size: 1.2em;
}

h4
{
    font-size: 1.1em;
}

h5, h6
{
    font-size: 1em;
}

/* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0px;
}


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

.page
{
    width: 960px;
    background-color: #fff;
    margin: 20px auto 0px auto;
    border: 1px solid #496077;
}

.header
{
    position: relative;
    margin: 0px;
    padding: 0px;
    background: #4b6c9e;
    width: 100%;
}

.header h1
{
    font-weight: 700;
    margin: 0px;
    padding: 0px 0px 0px 20px;
    color: #f9f9f9;
    border: none;
    line-height: 2em;
    font-size: 2em;
}

.main
{
    padding: 0px 12px;
    margin: 12px 8px 8px 8px;
    min-height: 420px;
}

.leftCol
{
    padding: 6px 0px;
    margin: 12px 8px 8px 8px;
    width: 200px;
    min-height: 200px;
}

.footer
{
    color: #4e5766;
    padding: 8px 0px 0px 0px;
    margin: 0px auto;
    text-align: center;
    line-height: normal;
}


/* TAB MENU   
----------------------------------------------------------*/

div.hideSkiplink
{
    background-color:#3a4f63;
    width:100%;
}

div.menu
{
    padding: 4px 0px 4px 8px;
}

div.menu ul
{
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: auto;
}

div.menu ul li a, div.menu ul li a:visited
{
    background-color: #465c71;
    border: 1px #4e667d solid;
    color: #dde4ec;
    display: block;
    line-height: 1.35em;
    padding: 4px 20px;
    text-decoration: none;
    white-space: nowrap;
}

div.menu ul li a:hover
{
    background-color: #bfcbd6;
    color: #465c71;
    text-decoration: none;
}

div.menu ul li a:active
{
    background-color: #465c71;
    color: #cfdbe6;
    text-decoration: none;
}

/* FORM ELEMENTS   
----------------------------------------------------------*/

fieldset
{
    margin: 1em 0px;
    padding: 1em;
    border: 1px solid #ccc;
}

fieldset p 
{
    margin: 2px 12px 10px 10px;
}

fieldset.login label, fieldset.register label, fieldset.changePassword label
{
    display: block;
}

fieldset label.inline 
{
    display: inline;
}

legend 
{
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}

input.textEntry 
{
    width: 320px;
    border: 1px solid #ccc;
}

input.passwordEntry 
{
    width: 320px;
    border: 1px solid #ccc;
}

div.accountInfo
{
    width: 42%;
}

/* MISC  
----------------------------------------------------------*/

.clear
{
    clear: both;
}

.title
{
    display: block;
    float: left;
    text-align: left;
    width: auto;
}

.loginDisplay
{
    font-size: 1.1em;
    display: block;
    text-align: right;
    padding: 10px;
    color: White;
}

.loginDisplay a:link
{
    color: white;
}

.loginDisplay a:visited
{
    color: white;
}

.loginDisplay a:hover
{
    color: white;
}

.failureNotification
{
    font-size: 1.2em;
    color: Red;
}

.bold
{
    font-weight: bold;
}

.submitButton
{
    text-align: right;
    padding-right: 10px;
}

/* Reset
-----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:0.5em;}
h4 {font-size:1.3em;color:green;line-height:0.8;margin:0; text-shadow:#fff 1px 1px}
h4 label {font-weight:100;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#000;}
a {color:#009;text-decoration:underline; outline-style: none;}
label {font-weight:bold;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;
    }
input[type=text], input[type=password], input.text, input.title, textarea, select {background-color:#fff;border:1px solid #bbb;}
input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus {border-color:#666;}
input[type=text], input[type=password], input.text, input.title, textarea, select {margin:0.5em 0;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:390px;padding:5px;
}
/*input[type=checkbox], input[type=radio], input.checkbox, input.radio 
{
    position:relative;
    top:.25em;
}*/
form.inline {line-height:3;}
form.inline p {margin-bottom:0;}
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;border:none;}
ul {list-style-type:none; margin:0; padding:0;}

/* Geral
-----------------------------------------------------------*/
html {font-size:100.01%;}
body {background:#f4f4f4;	/*padding:10px;*/ font-family:"Helvetica Neue", Arial, Helvetica, sans-serif; font-size:80%;color:#222;}
.progress { display:none; margin-left:6px;}
.itensNaoEncontrados {width:100%; text-align:left; padding-left:2px; margin-bottom:20px;}
.itensNaoEncontrados span {font-size:13px; color:#807E7E;}
.pager {width:99%; padding:3px; margin:8px 0 8px 0;}
.imgWithTitle { cursor:default; }
.inform {color:#737272; font-size:13px;}
.inform2 {color:#737272; font-size:13px; display:block; margin-bottom:7px;}
.informSmall {color:#828181; font-size:13px; display:block;}
.info {font:12px Arial, Helvetica, sans-serif; color:#888; display:block; margin-top:7px;}
.commonText { color:#828181; font-weight:400;}
.commonLargeText { font-size:15px; }
.commonMediumLargeText { font-size:14px;}
.clear {clear:both;}
.link {color:#3081dd; text-decoration:underline;}
.t-shadow {text-shadow:1px 1px 0 #fff}
.separador {margin-bottom:20px;}
.divRbls {float: left;margin-left: 15px;}
.divExcluirRegistro {width:40px;}
.divExcluirRegistro a, .excluirRegistro {display:none; float:right;}
.smallLink {font-weight:normal; text-decoration:none; color:#357CCC; font-size:11px;}
.title-silver {color:#828181; font-size:14px;}
.small-title-Silver {color:#828181; font-size:13px;}
.titleSimple {font-size:15px;}
.small-text {font-size:12px !important; color:#828181;}
.x-small-text {font-size:11px !important; color:#828181;}
.label-medium {font-size:13px;}
#divAvisosRecentes {margin-bottom:20px;}
.text-transform-Capitalize {text-transform:capitalize;}
.text-transform-Lower {text-transform:lowercase;}
.h2-without-margin-bottom {margin-bottom:0px !important;}

.title {color:#C0C3C4; float:left; padding:3px; margin-left:30px;}
.contentMain {padding:40px;}
.progress { display:none; margin-left:6px;}
.text-transform-Capitalize {text-transform:capitalize;}
.text-transform-Lower {text-transform:lowercase;}
#mensagem-erro {padding:15px; border:1px solid #CCCCCC; background-color:#E8E6E6;}

/* TopLogo
-----------------------------------------------------------*/
#topo 
{
    width:100%; 
    height:100%;/*150px; */
    /*background:#144282 url("/Recursos/i/bg-left.png") no-repeat;*/
}
#topo h1 a {color:#FFF; text-decoration:none; display:block; height:68px; width:400px; /*padding:31px 0 0 15px;*/}
/*#topo h1 {width:300px; text-indent:-3000px; overflow:hidden; margin:0; padding:0;}
#topo h1 a {width:300px; height:85px; display:block; background:url("/Recursos/i/logo-admin.png") no-repeat; margin:25px 0 0 5px;}*/

/* Formulários - Parte 1
-----------------------------------------------------------*/
fieldset{border:1px solid #ccc; -moz-border-radius:8px; -webkit-border-radius: 8px; background:#f6f6f6;}
fieldset h3 {padding:0; margin:10px 0 0 20px;}
legend{text-indent:-3000px; overflow:hidden}
form{margin:0;padding:0}
label{font:12px Tahoma, Geneva, sans-serif;clear:both; float:left; width:80px; text-align:right; margin-top:18px; margin-right:5px;display:block; color:#666}
input[type="text"],input[type="password"],input[type="file"],
textarea, select {font:12px Tahoma, Geneva, sans-serif; color:#666;border:1px solid #ccc;background:#ffffff;padding:8px 2px 8px 2px;margin-top:10px; -moz-border-radius:4px;-webkit-border-radius:4px;-webkit-border-radius:4px}
input[type="text"],input[type="password"] {width:250px;}
input:focus, textarea:focus {border:1px solid #888;background-color: #fff;}
textarea[readonly]{font:11px Arial, Helvetica, sans-serif; color:#555}
input.checkbox{border:0 !important;padding:0 !important; width:20px !important; margin:8px 0 0 -245px !important}

/* Formulários - Parte 2
--------------------------------------------------------------------*/
form{margin:0;padding:0}
/*label{font:12px Tahoma, Geneva, sans-serif;clear:both; float:left; width:80px; text-align:right; margin-top:18px; margin-right:5px;display:block; color:#666}*/
legend{text-indent:-3000px; overflow:hidden}
input[type="text"],input[type="password"],input[type="file"],  
textarea, select{font:12px Tahoma, Geneva, sans-serif; color:#666;border:1px solid #ccc;background:#ffffff;padding:8px 2px 8px 2px;margin-top:10px; -moz-border-radius:4px;border-radius:4px;-webkit-border-radius:4px}
input[type="text"],input[type="password"] {width:250px;}
input:focus, textarea:focus {border:1px solid #888;background-color: #fff;}
.txtarea{ width:250px; height:70px;padding:3px 2px 3px 2px; text-shadow:#ccc}
textarea[readonly]{font:11px Arial, Helvetica, sans-serif; color:#555}
.destaque{background:#eaeaea; border-bottom:1px dotted #ccc; border-top:1px dotted #ccc;height:56px; margin-top:5px;}
.divCommonLabel {float:left; font-size:12px; font-weight:bold; text-align:right; margin-top:22px;}
.divCommonField {float:left; padding-top:3px; text-align:left; margin-left:7px;}


/* Validação
-----------------------------------------------------------*/
.field-validation-error {color: #ff0000;}
.field-validation-valid {display: none;}
.input-validation-error {border: 1px solid #ff0000 !important; background-color: #ffeeee !important;}
.input-validation-sucess {border: 1px solid #3DEB60; background-color: #000000;}
.validation-summary-errors {font-weight: bold; color: #ff0000;}
.validation-summary-valid {display: none;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}

/* Conteudo
-----------------------------------------------------------*/
#conteudo-full {background:#ffffff; width:98.2%; min-height:600px; border-bottom:2px solid #CCCCCC; padding: 0 10px 0 15px;}
#conteudo-full h2 {margin:0; padding:20px 0 10px 0; font:bold 20px Tahoma, Geneva, sans-serif; color:#666;}

/* Botoes
-----------------------------------------------------------*/
input:focus.btn-entrar {border:none;}


/*----------------------------------- LOGO ------------------------------------------------------------------*/

body
{
    margin: 0px;   
}
.cabecalho
{
    position:fixed;
    top:0px;
    width: 100%;
    min-width: 800px;
    height: 30px;
    background-color:White;
    z-index:1000;
    margin-left:0px;
    /*filter: alpha(opacity=75);
    -moz-opacity: .45;
    opacity: .75;*/
}
.topMenu
{
    text-decoration: none;
    color: #CCC !important;
    /*position: fixed;
    top: 0;*/
    background-color: Black;
    width: 100%;
    min-width: 800px;
    height: 30px;/*30px;*/
    background-color: #2D2D2D;
    filter: alpha(opacity=75);
    -moz-opacity: .45;
    opacity: .75;
    text-decoration: none;
    color: #CCC !important;
    font-weight: bold;
}
.topMenu a img
{
    margin: 0px;
    border-style: none;
    padding: 0px;
    border-bottom:15px;
    height:30px
}
.nopadding
{
    padding: 0px;
}
.topMenu a
{
    text-decoration: none;
    color: #CCC !important;
    display: block;
    padding-top: 0px;/*5px;*/
    /*padding: 2px;*/
    float: left;
    height: 29px;
    padding-left: 10px;
    padding-right: 10px; /*display:block;     padding:5px 5px;   */
}
.topMenu span
{
    display: block;
    float: left;
    padding-top: 5px;/*2px;*/
    padding-right: 0px;
    padding-left: 0px;
}
.topText
{
    margin-top:5px
}
.links
{
    position: absolute;
    width: 300px;
}
.status
{
    margin-top: 0;
    position: absolute;
    right: 0;
    z-index: 1000;
    padding-right: 15px;
}
.conteudo_
{
    /*border-style: solid;*/
    min-height: 500px;
    min-width: 800px;
    overflow:hidden
}
.MenuLeft
{
    position: absolute;
    /*border-style: solid;*/
    min-height: 500px;
    min-width: 300px;
    width: 300px;
    height: auto;
    float: left;
}
.Container
{
    /*border-style: solid;*/
    position: absolute;
    margin-right: 0px;
    border-color: Red;
    width: 100%;
}
.divisor
{
    /*background: url("../i/SA/barra.png");
    */background-image: url("../i/SA/barra.jpg");
    background-repeat:no-repeat;
    border-bottom-style: solid;
    border-bottom-width: 1px
}
.btn-padrao
{
	background-repeat: no-repeat;
	width:110px;
	height:35px;
	padding-left:8px;
	cursor:pointer;
	border:none;
}

/* Grid
-----------------------------------------------------------*/
.grid td { border-style: none; text-align:center; font: 12px Arial, Helvetica, sans-serif; color: #666; }
.grid tbody th { text-align:center; border-style: none; background: #c3d9ff; background: url("/Recursos/i/bg-td.png") !important; font-weight: bold; }
.grid tr.even td { background: #f2f2; }
.grid caption, th, td { text-align: left; font-weight: normal; }
.grid table { border-style:none; margin-bottom: 0.6em; width: 98%; }
.grid table tr th { background-color: #E5ECF9; height: 30px; }
.grid table tr td { height: 30px; }
.grid table tr.gridrow td { border-bottom: solid 1px #E0E0E0; }
.grid table tr.gridrow_alternate td { background-color: #F8F8F8; border-bottom: solid 1px #E0E0E0; }
.grid table .sort_asc{ background-position: left; background-image: url("/Recursos/i/icones/asc.png"); }
/*table .sort_asc a {background-position: top right; background-image: url("/Recursos/i/icones/asc.png"); background-repeat:no-repeat; color:#fff; text-indent:0px; display:block;overflow:hidden}*/
.grid table .sort_desc { background-position: left; background-image: url("/Recursos/i/icones/desc.png"); }